import { config } from "@/config/site"

const Footer = () => {
    return (
        <footer className='md:px-8 md:py-0 border-t'>
            <div className='container flex items-center justify-center gap-4 h-12'>
                <div className='text-center text-sm leading-loose text-muted-foreground md:text-left'>
                    <span>
                        {`Copyright © 2024 Built by `}
                        <a
                            href={config.links.twitter}
                            target='_blank'
                            rel='noreferrer'
                            className='font-medium underline underline-offset-4'
                        >B. Wen</a>.
                    </span>
                    <span className="max-md:hidden ml-2">
                        The source code is available on{' '}
                        <a
                            href={config.links.github}
                            target='_blank'
                            rel='noreferrer'
                            className='font-medium underline underline-offset-4'
                        >Github</a>.
                    </span>
                </div>
            </div>
        </footer>
    )
}

export default Footer